<template>
  <!-- 员工分析 -->
  <DashboardOutlined v-if="type === 'DashboardOutlined'" />
  <!-- 出勤统计 -->
  <LineChartOutlined v-if="type === 'LineChartOutlined'" />
  <!-- 员工管理 -->
  <UserOutlined v-if="type === 'UserOutlined'" />
  <!-- 部门管理 -->
  <ApartmentOutlined v-if="type === 'ApartmentOutlined'" />
  <!-- 职级管理 -->
  <AimOutlined v-if="type === 'AimOutlined'" />
  <!-- 绩效考核 -->
  <InsertRowAboveOutlined v-if="type === 'InsertRowAboveOutlined'" />
  <!-- 调薪记录 -->
  <MoneyCollectOutlined v-if="type === 'MoneyCollectOutlined'" />
  <!-- 奖惩记录 -->
  <AuditOutlined v-if="type === 'AuditOutlined'" />
  <!-- 考勤信息 -->
  <TableOutlined v-if="type === 'TableOutlined'" />
  <!-- 新增 -->
  <FileAddOutlined v-if="type === 'add'" />
  <!-- 删除 -->
  <DeleteOutlined v-if="type === 'delete'" />
  <!-- 刷新 -->
  <ReloadOutlined v-if="type === 'refresh'" />
  <!-- 左箭头 -->
  <CaretLeftOutlined v-if="type === 'left'" />
  <!-- 右箭头 -->
  <CaretRightOutlined v-if="type === 'right'" />
  <!-- 编辑 -->
  <EditOutlined v-if="type === 'edit'" />
  <!-- 保存 -->
  <CheckOutlined v-if="type === 'save'" />
  <!-- 关闭 -->
  <CloseCircleOutlined v-if="type === 'close'" />
</template>

<script setup lang="ts">
import {
  DashboardOutlined,
  LineChartOutlined,
  UserOutlined,
  ApartmentOutlined,
  AimOutlined,
  InsertRowAboveOutlined,
  MoneyCollectOutlined,
  AuditOutlined,
  TableOutlined,
  FileAddOutlined,
  DeleteOutlined,
  ReloadOutlined,
  CaretLeftOutlined,
  CaretRightOutlined,
  EditOutlined,
  CheckOutlined,
  CloseCircleOutlined,
} from "@ant-design/icons-vue";
import { ref } from "@vue/reactivity";
import typeListData from "./typeList";
// 定义参数接口
interface Props {
  type: string;
}
const props = defineProps<Props>();
</script>

<style lang="less" scoped></style>
